<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/shoppingcar.css">
    <script src="../js/jquery-1.11.1.min.js"></script>
    <script src="../js/jquery.cookie.js"></script>
    <script src="../js/shoppingcar.js"></script>
    <script src="../js/lib/layer/layer.js"></script>
</head>

<body>
    <header>
        <div class="top0">
            <div class="top1">
                <a href="#">
                    <span class="tp1dimg2"></span>返回商城首页
                </a>


            </div>
            <div class="top2">
                <ul>
                    <li class="top2li2"><a href="#">您好,请登录</a></li>
                    <li class="top2li3"><a href="#">免费注册</a></li>
                    <li class="top2li5 top2li1">
                        <a class="oa" href="#">我的订单</a>
                        <img class="top1img2" src="../images/header/down.png" alt="">
                        <div class="top2li10">
                            <a href="#">待支付</a>
                            <a href="#">待确认</a>
                            <a href="#">待评价</a>
                        </div>
                    </li>
                    <li class="top2li6 top2li1">
                        <a href="#">我的商城</a>
                        <img class="top1img2" src="../images/header/down.png" alt="">
                        <div class="top2li11">
                            <a href="#">站内消息</a>
                            <a href="#">咨询回复</a>
                            <a href="#">我的收藏</a>
                            <a href="#">我的足迹</a>
                            <a href="#">我的积分</a>
                            <a href="#">我的优惠券</a>
                        </div>
                    </li>
                    <li class="top2li7 top2li1">
                        <span>客户服务</span>
                        <img class="top1img2" src="../images/header/down.png" alt="">
                        <div class="top2li12">
                            <a href="#">购物指南</a>
                            <a href="#">售后服务</a>
                            <a href="#">商家服务</a>
                        </div>
                    </li>
                    <li class="top2li8">
                        <img class="top2img1" src="../images/header/phone.png" alt="">
                        <span>手机商城</span>
                        <img class="top1img2" src="../images/header/down.png" alt="">
                        <div class="top2li13">
                            <img src="../images/header/url.gif" alt="">
                            <p>扫描二维码</p>
                            <p>更多优惠关注微信公众号</p>
                        </div>
                    </li>
                </ul>

            </div>
        </div>
    </header>
    <section>
        <div class="con0">
            <div class="con1">
                <a href="#">
                    <img src="../images/850899505_logo.jpg" alt="">
                </a>
            </div>
            <ul>
                <li>
                    <i class="step1"></i>
                    <p>我的购物车</p>
                    <sub></sub>
                    <div class="hr"></div>
                </li>
                <li>
                    <i class="step2"></i>
                    <p>确认订单/结算</p>
                    <sub></sub>
                    <div class="hr"></div>
                </li>
                <li>
                    <i class="step3"></i>
                    <p>生成订单/支付</p>
                    <sub></sub>
                    <div class="hr"></div>
                </li>
                <li>
                    <i class="step4"></i>
                    <p>完成支付</p>
                    <sub></sub>
                    <div class="hr"></div>
                </li>
            </ul>
        </div>
        <div class="con2">
            <div class="con2-mid">
                <h3>我的购物车</h3>
                <h5>查看购物车中所添加的商品；增加减少数量、并勾选确认想要购买的商品进入下一步操作。</h5>
                <div class="con2-midbox">
                    <form action="">
                        <table>
                            <thead>
                                <tr>
                                    <th style="width:90px;padding-left: 18px;">
                                        <input id="select" type="checkbox"><label for="select">全选</label>
                                    </th>
                                    <th style="width: 500px;text-indent: 12px;">商品</th>
                                    <th style="width: 166px;text-indent: 70px;">数量</th>
                                    <th style="width: 175px;padding-right: 15px;text-align: right;">单价</th>
                                    <th style="width: 150px;text-align:center;">金额</th>
                                    <th style="width: 90px">操作</th>
                                </tr>
                            </thead>
                            <tbody id="goods-tb">
                                <!-- <tr>
                                    <td style="width:90px;padding-left: 18px; display: inline-block">
                                        <input type="checkbox" name="" id=""><img src="../images/biao1-small.jpg"
                                            alt="">
                                    </td>
                                    <td style="width: 500px;text-indent: 12px;display: inline-block; ">“Poseidon海神”系列
                                        瑞士进口的腕表品牌</td>
                                    <td style="width: 166px;text-indent: 70px;display: inline-block;">
                                        <div class="num">
                                            <a href="#"></a>
                                            <input type="text" value="1">
                                            <a href="#"></a>
                                        </div>
                                    </td>

                                    <td style="width: 175px;padding-right: 15px;text-align: right;display: inline-block;">222</td>
                                    <td style="width: 150px;text-align:center;display: inline-block;">3333</td>
                                    <td style="width: 90px;display: inline-block;"><a href="#">删除</a></td>
                                </tr> -->
                            </tbody>
                        </table>
                        <div class="jiesuan">
                            
                            <div class="specific">
                                <dl>
                                    <dt>选购商品种类:</dt>
                                    <dd><span class="kind"> </span>种</dd>
                                    <dt>选购数量总计:</dt>
                                    <dd><span class="toTal"> </span>件</dd>
                                    <dt>商品金额总计:</dt>
                                    <dd>
                                        <b>
                                            <span class='yuan'>￥</span>
                                            <span class="money">0.00</span>
                                        </b>
                                    </dd>
                                </dl>
                            </div>
                            <div class="jsBtn">
                                <button>结算</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <footer>

    </footer>

</body>

</html>
<script>
    $("footer").load("./footer.html")
</script>